@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 992px) {
  .newlive {position: relative; height:240px; width:100%;}
  .newlive .liveplay {position:absolute; left: 0; top:-270px; background:url(../images/bg_live.png); width:800px; height:490px; z-index: 10001;}
  .newlive .liveplay span {display: inline-block; height:40px; line-height: 40px; padding-left: 8px; font-size: 18px; color:#fff; text-align: left; width:calc(100% - 8px);}
  .newlive .liveplay span a {float: right; background-color: #f3c258; height:24px; line-height: 24px; padding:0 12px; margin-top: 8px; margin-right: 8px; border-radius: 5px; font-size: 12px;}
  .newlive .liveplay video {width:800px !important; height:450px !important; background:#000;}
  .newlive .liveplay .myvideo-dimensions {width:800px !important; height:450px !important;}
  .newlive .liveplay iframe {width:800px !important; height:450px !important; background:#000;}
  .newlive .liveplay .my-video-dimensions {width:800px !important; height:450px !important;}
  .newlive .liveplay ul {position:absolute; bottom: 8px; left: 8px; width:792px; height: 95px;}
  .newlive .liveplay ul li {width:190px; margin-right: 8px; float: left; position: relative; height: 95px;}
  .newlive .liveplay ul li img {width:190px; height: 95px;}
  .newlive .liveplay ul li.active img {width:190px; height: 95px; border:3px solid #fff; border-radius: 3px; position:absolute; left: -3px; top:-3px;}
  .newlive .liveplay ul li a:hover img {width:190px; height: 95px; border:3px solid #ccc; border-radius: 3px; position:absolute; left: -3px; top:-3px;}
  .newlive .livemsg {position:absolute; right: 0; top:-270px; width:380px; height:490px; z-index: 10002; background:url(../images/bg_live.png);}
  .newlive .livemsg dl dt {width:100%: height:40px; line-height: 40px; padding-left: 8px; font-size: 18px; color:#fff; text-align: left; border-bottom: 1px solid #222;}
  .newlive .livemsg dl dd {width:100%; height: 419px; padding:15px 0; background-color:#333;}
  .newlive .livemsg dl dd ul li {padding: 0 20px 20px 65px; text-align: left; font-size: 13px; line-height: 180%; position: relative; color:#ccc;}
  .newlive .livemsg dl dd ul li img {float: left; width:35px; height: 35px; border-radius: 50%; position: absolute;; left: 20px; top:5px;}
  .newlive .livemsg dl dd ul li span {display: block; color:#fff; font-size: 15px; padding-bottom: 6px;}
  .newlive .livemsg dl dd ul li span font {float:right; font-size: 13px;}

  .news {width:800px; float: left;}
  .news dl {width:100%;}
  .news dl dt {height: 48px; text-align: right; line-height: 48px; border-bottom: 2px solid #ccc; position: relative;}
  .news dl dt font {float:left; font-size: 22px; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 35px; background-position: 0 10px;}
  .news dl dt span {position:absolute; bottom: -2px; width:150px; right:100px;}
  .news dl dt span a {display: inline-block; height:48px; font-size: 16px; font-weight: bold; padding:0 15px; border-bottom: 2px solid #ccc;}
  .news dl dt span a.active,.news dl dt span a:hover {color:#f3c258; border-color:#f3c258;}
  .news dl dt a.more {margin-right:10px;}
  .news dl dt a.more i {background-color: #f3c258; color: #fff; display: inline-block; font-size: 12px; height: 14px; line-height: 12px; width:14px; margin-right: 6px;text-align: center; font-style: normal;}
  .news dl dd {height:18px; padding-top: 22px;}
  .news dl dd font {display:inline-block; width:60px; color:#999; font-size: 14px;}
  .news dl dd a {font-size: 16px;}

  .plain {width:380px; float: right;}
  .plain dl dt {height: 48px; line-height: 48px; border-bottom: 2px solid #ccc; position: relative;}
  .plain dl dt font {float:left; font-size: 22px; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 35px; background-position: 0 -25px;}
  .plain dl dd font {float:right; color:#999; font-size: 14px;}
  .plain dl dd {height:18px; padding-top: 22px;}
  .plain dl dd a {font-size: 16px;}
  .plain dl dd i {display: inline-block; width:25px; font-style: normal; font-weight: bold;}


  .lives {margin-top:20px; height:368px;}
  .lives dl dt {height: 48px; line-height: 48px; border-bottom: 2px solid #ccc; position: relative;}
  .lives dl dt font {float:left; font-size: 22px; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 35px; background-position: 0 -63px;}
  .lives dl dd {width:288px; height: 144px; float: left; margin-right: 16px; margin-top:16px; position: relative;}
  .lives dl dd:nth-child(4n+1) {margin-right:0;}
  .lives dl dd i {position: absolute; display: inline-block; top:12px; right:12px; padding:3px 10px; background-color: #f3c258; border-radius: 4px; font-style: normal;}
  .lives dl dd.back i {background-color: #fff;}
  .lives dl dd font {display: inline-block; position: absolute; left:0; bottom:0; width:calc(100% - 30px); height: 40px; line-height: 40px; color:#fff; padding: 0 15px; font-size: 15px; background: url(../images/bg_live.png);}
  .lives dl dd a:hover font {color:#ccc;}

  .partner {margin-top:20px;}
  .partner dl dt {height: 48px; line-height: 48px; margin-bottom: 5px;border-bottom: 2px solid #ccc; position: relative;}
  .partner dl dt font {float:left; font-size: 22px; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 35px; background-position: 0 -105px;}
  .partner dl dd {width:230px; float: left; margin-right: 10px; text-align: center; padding: 15px 0;border:1px solid #f3c258; border-radius: 5px; margin-top:10px; position: relative;}
  .partner dl dd:nth-child(5n+1) {margin-right:0;}
  .partner dl dd img {width:180px; height:75px;}
}


@media only screen and (max-width: 991px) {
  .newlive {width:100%;}
  .newlive .liveplay {background:url(../images/bg_live.png); width:100%; z-index: 10001;}
  .newlive .liveplay span {display: inline-block; height:0.8rem; line-height: 0.8rem; padding-left: 0.2rem; font-size: 0.325rem; color:#fff; text-align: left; width:calc(100% - 0.2rem);}
  .newlive .liveplay span a {float: right; background-color: #f3c258; height:0.5rem; line-height: 0.45rem; padding:0 0.2rem; margin-top: 0.2rem; margin-right: 0.2rem; border-radius: 0.1rem; font-size: 0.3rem;}
  .newlive .liveplay video {width:100% !important; height:5.625rem !important; background:#000;}
  .newlive .liveplay iframe {width:10rem !important; height:5.625rem !important; background:#000;}
  .newlive .liveplay .my-video-dimensions {width:10rem !important; height:5.625rem !important;}
  .newlive .liveplay ul {width:100%; height: 1.25rem;}
  .newlive .liveplay ul li {width:2.5rem; float: left; position: relative; height: 1.25rem;}
  .newlive .liveplay ul li img {width:calc(2.5rem - 6px); height: calc(1.25rem - 3px); margin: 3px;}
  .newlive .liveplay ul li.active img {width:calc(2.5rem - 6px); height: calc(1.25rem - 3px); border:3px solid #fff; border-radius: 3px; margin:0;}
  .newlive .liveplay ul li a:hover img {width:calc(2.5rem - 6px); height: calc(1.25rem - 3px); border:3px solid #ccc; border-radius: 3px; margin:0;}
  .newlive .livemsg {width:100%; height:490px; background:url(../images/bg_live.png);}
  .newlive .livemsg dl dt {width:100%: height:0.8rem; line-height: 0.8rem; padding-left: 0.1rem; font-size: 0.325rem; color:#fff; text-align: left; border-bottom: 1px solid #222;}
  .newlive .livemsg dl dd {width:100%; height: 419px; padding:0.3rem 0; background-color:#333;}
  .newlive .livemsg dl dd ul li {padding: 0 0.4rem 0.4rem 1.2rem; text-align: left; font-size: 0.3rem; line-height: 180%; position: relative; color:#ccc;}
  .newlive .livemsg dl dd ul li img {float: left; width:0.6rem; height: 0.6rem; border-radius: 50%; position: absolute;; left: 0.4rem; top:0.1rem;}
  .newlive .livemsg dl dd ul li span {display: block; color:#fff; font-size: 0.3rem; padding-bottom: 0.1rem;}
  .newlive .livemsg dl dd ul li span font {float:right; font-size: 0.3rem;}

  .news {width:100%;}
  .news dl {width:100%;}
  .news dl dt {height: 1rem; text-align: right; line-height: 1rem; border-bottom: 2px solid #ccc; position: relative; padding:0 0.2rem; margin-bottom:0.2rem;}
  .news dl dt font {float:left; font-size: 0.4rem; background: url(../images/bg_iico.jpg) left top no-repeat; background-size: 0.5rem auto; padding-left: 0.6rem; background-position: 0 0.2rem;}
  .news dl dt span {position:absolute; bottom: -2px; width:6rem; right:2.5rem;}
  .news dl dt span a {display: inline-block; height:1rem; font-size: 0.35rem; font-weight: bold; padding:0 0.3rem; border-bottom: 2px solid #ccc;}
  .news dl dt span a.active,.news dl dt span a:hover {color:#f3c258; border-color:#f3c258;}
  .news dl dt a.more {margin-right:0.2rem;}
  .news dl dt a.more i {background-color: #f3c258; color: #fff; display: inline-block; font-size: 0.325rem; height: 0.3rem; line-height: 0.3rem; width:0.3rem; margin-right: 0.1rem;text-align: center; font-style: normal;}
  .news dl dd {height:0.8rem; line-height: 0.8rem; padding:0 0.2rem;}
  .news dl dd font {display:inline-block; float:right; margin-left:0.2rem; color:#999; font-size: 0.325rem;}
  .news dl dd a {display: inline-block; width:8rem; font-size: 0.35rem; height: 0.8rem; line-height: 0.8rem; overflow: hidden;}

  .plain {width:100%; margin-top: 0.2rem;}
  .plain dl dt {height: 1rem; line-height: 1rem; border-bottom: 2px solid #ccc; padding:0 0.2rem; margin-bottom:0.2rem;}
  .plain dl dt font {float:left; font-size: 0.4rem; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 0.75rem; background-position: 0 -0.85rem;}
  .plain dl dd font {float:right; color:#999; font-size: 0.325rem;}
  .plain dl dd {height:0.8rem; line-height: 0.8rem; padding:0 0.2rem;}
  .plain dl dd a {font-size: 0.35rem;}
  .plain dl dd i {display: inline-block; width:0.5rem; font-size: 0.4rem; font-style: normal; font-weight: bold;}


  .lives {margin-top:0.2rem;}
  .lives dl dt {height: 1rem; line-height: 1rem; border-bottom: 2px solid #ccc; position: relative; padding:0 0.2rem; margin-bottom:0.3rem;}
  .lives dl dt font {float:left; font-size: 0.4rem; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 0.8rem; background-position: 0 -1.82rem;}
  .lives dl dd {width:9.4rem; margin: 0 0.3rem 0.3rem 0.3rem; position: relative;}
  .lives dl dd:nth-child(n+7) {display:none;}
  .lives dl dd img {width:100%; height:4.7rem;}
  .lives dl dd i {position: absolute; display: inline-block; top:12px; right:12px; padding:3px 10px; background-color: #f3c258; border-radius: 4px; font-style: normal;}
  .lives dl dd.back i {background-color: #fff;}
  .lives dl dd font {display: inline-block; position: absolute; left:0; bottom:0; width:calc(100% - 30px); height: 0.8rem; line-height: 0.8rem; color:#fff; padding: 0 15px; font-size: 0.375rem; background: url(../images/bg_live.png);}

  .partner {margin:0.2rem 0.2rem; width:9.6rem;}
  .partner dl dt {height: 1rem; line-height: 1rem; margin-bottom:0.5rem; border-bottom: 2px solid #ccc; position: relative;}
  .partner dl dt font {float:left; font-size: 0.4rem; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 0.7rem; background-position: 0 -3rem;}
  .partner dl dd {width:calc(4.4rem - 2px); float: left; margin: 0 0.2rem 0.4rem 0.2rem; text-align: center; padding: 0.1rem 0; border:1px solid #f3c258; border-radius: 5px; position: relative;}
  .partner dl dd img {width:3.6rem; height:1.5rem;}
}